<template>
    <div class="footerbar">
            <nav class="footer-main">
            <router-link to="/" class="fb-item fb-current" id="footer_index" v-bind:style="{ color: (index==0)?'#f85f48':'#999'}">首页</router-link>
            <!--<a href="/rewardboard" class="fb-item" id="footer_reward"></a>-->
            <router-link to="/professors" class="fb-item" id="footer_find" v-bind:style="{ color: (index==1)?'#f85f48':'#999'}">风水大师</router-link>
            <router-link to="/me" class="fb-item" id="footer_me" v-bind:style="{ color: (index==2)?'#f85f48':'#999'}">我的</router-link>
            </nav>
    </div>
</template>
<script>
    export default {
        props: ['index']
    }
</script>
<style>
    .footerbar {
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 2.45rem;
        background: #fff;
        z-index: 1000;
        border-top: 1px solid #e5e5e5;
    }
    
    .footer-main,
    .qrpanel {
        position: relative;
    }
    
    .footer-main {
        max-width: 768px;
        margin: 0 auto;
    }
    
    .footerbar .fb-item {
        display: block;
        float: left;
        width: 33.3333%;
        line-height: 2.45rem;
        font-size: .75rem;
        color: #999;
        text-align: center;
        text-decoration: none;
        position: relative;
        -webkit-box-sizing: border-box;
    }
</style>